{include file="public/header" /}
<aside id="sitecontent" class="transition">
    {include file="public/search" /}
    <!-- main -->
    <!--<section class="tagBox dis-flex-between-center">
        <div class="box ">
            <h3 class="dis-flex-center-center">职称&nbsp;<span></span></h3>
            <ul>
                <a href="" data-v="z0" class="cur carSel">全部</a>
                <a href="" data-v="z25" class=" carSel">资深设计师</a>
                <a href="" data-v="z24" class=" carSel">首席设计师</a>
                <a href="" data-v="z26" class=" carSel">主任设计师</a>
                <a href="" data-v="z28" class=" carSel">主案设计师</a>
            </ul>
        </div>
        <div class="box ">
            <h3 class="dis-flex-center-center">户型&nbsp;<span></span></h3>
            <ul>
                <a href="" data-v="h0" class="cur carSel">全部</a>
                <a href="" data-v="h1" class=" carSel">二居室</a>
                <a href="" data-v="h2" class=" carSel">三居室</a>
                <a href="" data-v="h3" class=" carSel">四居室</a>
                <a href="" data-v="h4" class=" carSel">复式</a>
                <a href="" data-v="h5" class=" carSel">别墅</a>
                <a href="" data-v="h6" class=" carSel">商用</a>
                <a href="" data-v="h7" class=" carSel">平层</a>
                <a href="" data-v="h8" class=" carSel">其他</a>
                <a href="" data-v="h32" class=" carSel">洋房</a>
            </ul>
        </div>
        <div class="box ">
            <h3 class="dis-flex-center-center">风格&nbsp;<span></span></h3>
            <ul>
                <a href="" data-v="f0" class="cur carSel">全部</a>
                <a href="" data-v="f9" class=" carSel">现代</a>
                <a href="" data-v="f10" class=" carSel">简约</a>
                <a href="" data-v="f11" class=" carSel">北欧</a>
                <a href="" data-v="f12" class=" carSel">轻奢</a>
                <a href="" data-v="f13" class=" carSel">简美</a>
                <a href="" data-v="f14" class=" carSel">新中式</a>
                <a href="" data-v="f38" class=" carSel">美式</a>
                <a href="" data-v="f15" class=" carSel">法式</a>
                <a href="" data-v="f37" class=" carSel">诧寂</a>
                <a href="" data-v="f16" class=" carSel">奶油</a>
                <a href="" data-v="f20" class=" carSel">欧式</a>
                <a href="" data-v="f36" class=" carSel">意式</a>
                <a href="" data-v="f21" class=" carSel">中式</a>
                <a href="" data-v="f22" class=" carSel">简欧</a>
                <a href="" data-v="f23" class=" carSel">原木</a>
                <a href="" data-v="f33" class=" carSel">日式</a>
                <a href="" data-v="f35" class=" carSel">其他</a>
            </ul>
        </div>
        <div class="box ">
            <h3 class="dis-flex-center-center">门店&nbsp;<span></span></h3>
            <ul>
                <a href="" data-v="m0" class="cur carSel">全部</a>
                <a href="" data-v="m1" class=" carSel"></a>
                <a href="" data-v="m2" class=" carSel"></a>
                <a href="" data-v="m3" class=" carSel"></a>
            </ul>
        </div>
    </section>-->
    <section class="p25-20">
        <div class="aboutnav">
            <a href="{:url('designer/service')}">服务流程</a>
        </div>
    </section>
    <section class="p0-20 newsLst">
        <form action="" class="nei-search bg-hui dis-flex-center-center">
            <input type="text" name="keywords" value="{$keywords|default=''}" placeholder="输入设计师名称" class="txt">
            <input type="submit" class="img" value="">
        </form>
        <ul class="teamlist dropLst">
            {volist name="data" id="item"}
            <li>
                <figure  class="dis-flex-between">
                    <div class="img">
                        <a href="{:url('designer/detail', ['id'=>$item.id])}">   <img src="{$item.image_url}" alt="{$item.name}" srcset=""></a>
                    </div>
                    <div class="txt position-relative">
                        <h1 class="dis-flex">{$item.name} <em>{$item.position}</em></h1>
                        <p> 案例作品：{$item.case_num}套</p>
                        <p> 从业经验：{$item.year}年</p>
                        <p class="line-one"> 擅长风格：{$item.tag}</p>
                        <a href="tel:{$siteConfig.mobile}" class="bg-red dis-flex-center-center">找TA设计</a>
                    </div>
                </figure>
            </li>
            {/volist}
        </ul>
        <!-- <div class="more dis-flex-center-center">加载更多···</div> -->
    </section>
    <!-- main end-->
    {include file="public/footer" /}
<script type="text/javascript">
    proListHref('designer');
    var tab1LoadEnd = false;
    var page=2;
    var dropload = $('.newsLst').dropload({
        scrollArea : window,
        loadDownFn : function(me){
            // 加载菜单一的数据
            $.ajax({
                type: "POST",
                url: "{:url('designer/getDataList')}",
                data: {page:page},
                dataType: 'json',
                success: function(data){
                    if (data.code == 0){
                        var str = '';
                        $.each(data.data, function(i, vo) {
                            var pic = vo.image_url || '/static/mobile/images/team-img.jpg';
                            str += '<li>'
                                +'<a href="'+vo.linkurl+'" class="dis-flex-between">'
                                +'<div class="img">'
                                +'<img src="'+pic+'" alt="" srcset="">'
                                +'</div>'
                                +'<div class="txt position-relative">'
                                +'<h1 class="dis-flex">'+vo.name+' <em>'+vo.position+'</em></h1>'
                                +'<p> 案例作品：'+vo.case_num+'套</p>'
                                +'<p> 从业经验：'+vo.year+'年</p>'
                                +'<p class="line-one"> 擅长风格：'+vo.tag+'</p>'
                                +'<span class="bg-red dis-flex-center-center">找TA设计</span>'
                                +'</div>'
                                +'</a>'
                                +'</li>';
                        });
                        $('.dropLst').append(str);
                        if(data.total_page>page){
                            page++;
                        }else{
                            console.log('加载完了1')
                            // 数据加载完
                            tab1LoadEnd = true;
                            // 锁定
                            me.lock();
                            // 无数据
                            me.noData();
                        }
                        // 每次数据加载完，必须重置
                        me.resetload();
                    }else{
                        myLayMsg(data.msg);
                    }
                },
                error: function(xhr, type){
                    myLayMsg('Ajax error!');
                    // 即使加载出错，也得重置
                    me.resetload();
                }
            });
            // 加载菜单二的数据
        }
    });
</script>